<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .div-f{
            width: 800px;
            height: 600px;
            background: red;
        }
        .div-s{
            height: 100px;
            background: #2fff3d;
        }
    </style>
</head>
<body>


    <!-- html中的标签分类: 块级别的标签
                块级元素独占一行
                可以控制宽度、高度、内边距、外边距
                宽度可以继承
                高度不可继承
                通常使用块级元素来进行大布局的搭建
                块级元素是指本身属性为display:block;的元素。

     -->

    <div class="div-f">
        <div class="div-s">
        </div>
    </div>



</body>
</html>
